<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看首页-企业广告</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="/css/see/index.min.css?v=<%=$version%>">
</head>
<body style="background-color: #f5f5f5;">
<div id="enterpriseAd" v-cloak>
    <template>
        <see-header :number="1" :isnav="isNav"></see-header>
    </template>
    <aside class="enterpriseAd-slider">
        <basic-slide :list="enterpriseCarouselList"></basic-slide>
    </aside>
    <div class="enterpriseAd-nav clearfix" :class="{'enterpriseAd-navHeight':isDown}">
        <a v-for="item in enterpriseCategoryList" :class="{'active':item.id==categoryId}" :style="'background-color:#'+item.labelColor" @click="getNext(1,item)">{{item.name}}</a>
        <span class="enterpriseAd-down" :class="{'enterpriseAd-down1':isDown}" @click="getDown()"></span>
    </div>
    <div class="enterpriseAd-timeLimit">
        <div class="timeLimit-title clearfix">
            <!--<span class="happyi-mon">乐币限时抢</span>-->
            <div class="timeLimit-titleRight" v-if="indexs==0">
                <template v-if="seconds>0">
                    距离结束<span>{{hours}}</span>:<span>{{minutes}}</span>:<span>{{seconds}}</span>
                </template>
                <template v-else>
                    距离结束<span>00</span>:<span>00</span>:<span>00</span>
                </template>
            </div>
        </div>
        <div class="timeLimit-tab clearfix">
            <a :class="{active:indexs==index}" @click="getTabData(index,item)" v-for="(item,index) in enterpriseHotAdvTypeList">
                <strong>{{item.title}}</strong>
                <span v-if="item.sortDate==0">开抢中</span>
                <span v-else>即将开始</span>
                <i class="enterpriseAd-dise3"></i>
            </a>
            <!--<a>-->
            <!--<strong>12:00</strong>-->
            <!--<span>即将开始</span>-->
            <!--<i class="enterpriseAd-dise3"></i>-->
            <!--</a>-->
            <div class="timeLimit-tabBg"></div>
        </div>
        <template v-if="enterpriseHotAdvList.list">
            <div class="timeLimit-cent">
                <template  v-for="item in enterpriseHotAdvList2">
                   <div v-if="item.showType==1">
                    <a class="timeLimit-video" @click="getNext(2,item)">
                        <div class="recommend-listImg">
                            <img :src="item.coverImgSrc" class="lazy">
                            <div class="recommend-data" v-if="item.lastCount>0">
                                <span class="timeLimit-data">{{item.vedioLength}}<span>抢红包</span></span>
                                <div class="timeLimit-surplus1">
                                    <div class="timeLimit-surplus">
                                        <div :style="{'width':+item.percentage+'%'}"><span></span></div>
                                    </div>
                                </div>
                                <span class="recommend-mon timeLimit-money" v-if="item.percentage>0">
                                    余<span class="happyi-mon">{{item.lastCount}}</span>
                                </span>
                                <span class="recommend-mon timeLimit-money" v-else>已结束</span>
                                <span class="seeIndex-hongbao"></span>
                            </div>
                        </div>
                        <div class="recommend-listInfo">
                            <strong class="listInfo-img" :style="bgimg(item.headImg)"></strong>
                            <h6>{{item.title}}</h6>
                            <p>{{item.uName}}<span>&bull;</span>{{item.playCount}}次观看</p>
                        </div>
                    </a>
                    <!--<a class="timeLimit-article" v-if="item.showType==2">-->
                        <!--<img :src="item.coverImgSrc" class="lazy">-->
                        <!--<span class="article-lable">文章</span>-->
                        <!--<div class="recommend-listInfo">-->
                            <!--<h6>{{item.title}}</h6>-->
                            <!--<p>{{item.uName}}<span>&bull;</span>{{item.categoryName}}<span>&bull;</span>{{item.playCount}}次观看</p>-->
                            <!--<div class="article-qhb">-->
                                <!--<span>抢红包</span>-->
                                <!--<span class="timeLimit-money">-->
                                    <!--余<span class="happyi-mon">{{item.lastCount}}</span>-->
                                <!--</span>-->
                                <!--<span class="seeIndex-hongbao"></span>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</a>-->
                    <!--<div class="timeLimit-video">-->
                    <!--<div class="recommend-listImg">-->
                    <!--<img data-original="/imgs/happyi/index/bpic1.png" class="lazy">-->
                    <!--<div class="recommend-data"><span class="timeLimit-data">5:00<span>抢红包</span></span>-->
                    <!--<div class="timeLimit-surplus1">-->
                    <!--<div class="timeLimit-surplus">-->
                    <!--<div><span></span></div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<span class="recommend-mon timeLimit-money">-->
                    <!--余<span class="happyi-mon">89000</span>-->
                    <!--</span>-->
                    <!--<span class="seeIndex-hongbao"></span>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="recommend-listInfo">-->
                    <!--<strong class="listInfo-img"></strong>-->
                    <!--<h6>"Control4 智能家居和家庭智能家居和家庭智能化系统智能化系统 </h6>-->
                    <!--<p>"Control4<span>&bull;</span>企业广告<span>&bull;</span>539次观看"</p>-->
                    <!--</div>-->
                    <!--</div>-->
                </div>
                </template>
                <div class="loadtip" v-if="loadFlag"></div>
            </div>
        </template>
    </div>
    <footer-view :number="1"></footer-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/js/see/enterpriseAd.js?v=<%=$version%>"></script>
<script>
    var swiper1 = new Swiper(".enterpriseAd-slider .swiper-container",{
        spaceBetween: 8,
        slidesPerView: 'auto',   //设置slider容器能够同时显示的slides数量
        centeredSlides: true,    //设定为true时，活动块会居中，而不是默认状态下的居左。
        autoplay: {
            delay: 2500,
            disableOnInteraction: false
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 2
        },
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
    $("img.lazy").lazyload();
</script>
</body>
</html>